<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>卖卖屋</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="../dep/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/index.css">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="../dep/js/html5shiv.min.js"></script>
      <script src="../dep/js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <nav class="navbar navbar-inverse navbar-fixed-top site-navbar">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="./">卖卖屋</a>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="./">小程序</a>
                    </li>
                    <li><a href="docs/">解决方案</a>
                    </li>
                    <li><a href="docs/getting-started/">模板大厅</a>
                    </li>
                    <li><a href="docs/api/">小程序查询</a>
                    </li>
                    <li class="register">
                        <a href="javascript:void(0)">
                             免费注册
                        </a>
                    </li>
                    <li class="login">
                        <a href="javascript:void(0)">
                             登录
                        </a>
                    </li>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </nav>
    <header class="jumbotron banner-wrap">
        <img src="../img/banner.jpg">
    </header>
    <main>
        <div class="benefits container xcx-product-box">
            <!-- Example row of columns -->
            <div class="row">
                <div class="col-xs-12 text-center xcx-product-title">
                    <h2>三步快速打造专属小程序</h2>
                </div>
                <div class="row xcx-product-step">
                    <div class="col-xs-12 col-sm-4 text-center">
                        <div class="step-number">1</div>
                        <div class="step-img">
                        </div>
                        <h4 class="step-title">
                            选择模板
                        </h4>
                        <div class="step-descript">提供海量模板，满足不同行业需求</div>
                    </div>
                    <div class="col-xs-12 col-sm-4 text-center">
                        <div class="step-number">2</div>
                        <div class="step-img">
                        </div>
                        <h4 class="step-title">
                            搭建小程序
                        </h4>
                        <div class="step-descript">随意修改模板数据和样式，省心省力</div>
                    </div>
                    <div class="col-xs-12 col-sm-4 text-center">
                        <div class="step-number">3</div>
                        <div class="step-img">
                        </div>
                        <h4 class="step-title">
                            发布小程序
                        </h4>
                        <div class="step-descript">一键生成小程序代码，快速简单</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="benefits container xcx-marketing">
            <!-- Example row of columns -->
            <div class="row">
                <div class="col-xs-12 text-center xcx-marketing-title">
                    <h2>营销辅助</h2>
                </div>
                <div class="row xcx-marketing-wrap">
                    <div class="col-xs-4 col-sm-3 col-lg-2 text-center">
                        <div class="xcx-marketing-img"></div>
                        <p class="xcx-marketing-text">优惠券</p>
                    </div>
                    <div class="col-xs-4 col-sm-3 col-lg-2 text-center">
                        <div class="xcx-marketing-img" src="" alt=""></div>
                        <p class="xcx-marketing-text">会员卡</p>
                    </div>
                    <div class="col-xs-4 col-sm-3 col-lg-2 text-center">
                        <div class="xcx-marketing-img" src="" alt=""></div>
                        <p class="xcx-marketing-text">秒杀</p>
                    </div>
                    <div class="col-xs-4 col-sm-3 col-lg-2 text-center">
                        <div class="xcx-marketing-img" src="" alt=""></div>
                        <p class="xcx-marketing-text">积分</p>
                    </div>
                    <div class="col-xs-4 col-sm-3 col-lg-2 text-center">
                        <div class="xcx-marketing-img" src="" alt=""></div>
                        <p class="xcx-marketing-text">地图导航</p>
                    </div>
                    <div class="col-xs-4 col-sm-3 col-lg-2 text-center">
                        <div class="xcx-marketing-img" src="" alt=""></div>
                        <p class="xcx-marketing-text">表单收集</p>
                    </div>
                    <div class="col-xs-4 col-sm-3 col-lg-2 text-center">
                        <div class="xcx-marketing-img" src="" alt=""></div>
                        <p class="xcx-marketing-text">团购</p>
                    </div>
                    <div class="col-xs-4 col-sm-3 col-lg-2 text-center">
                        <div class="xcx-marketing-img" src="" alt=""></div>
                        <p class="xcx-marketing-text">砍价</p>
                    </div>
                    <div class="col-xs-4 col-sm-3 col-lg-2 text-center">
                        <div class="xcx-marketing-img" src="" alt=""></div>
                        <p class="xcx-marketing-text">预约</p>
                    </div>
                    <div class="col-xs-4 col-sm-3 col-lg-2 text-center">
                        <div class="xcx-marketing-img" src="" alt=""></div>
                        <p class="xcx-marketing-text">二级分销</p>
                    </div>
                    <div class="col-xs-4 col-sm-3 col-lg-2 text-center">
                        <div class="xcx-marketing-img" src="" alt=""></div>
                        <p class="xcx-marketing-text">视频</p>
                    </div>
                    <div class="col-xs-4 col-sm-3 col-lg-2 text-center">
                        <div class="xcx-marketing-img" src="" alt=""></div>
                        <p class="xcx-marketing-text">小游戏</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="benefits container xcx-plan">
            <!-- Example row of columns -->
            <div class="row">
                <div class="col-xs-12 text-center xcx-plan-title">
                    <h2>多行业解决方案</h2>
                </div>
                <div class="row xcx-plan-img" style="width:100%;height:640px;background:gray;margin:0 auto;">
                </div>
            </div>
        </div>
    </main>
    <!-- Site footer -->
    <footer class="footer">
        <div class="container">
            <div class="col-xs-12 col-sm-6 text-right">
                <div class="QR-code">
                    <img src="" alt="">
                    <p class="text-center">麦麦屋官方微信</p>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6">
                <p>联系我们</p>
                <p>
                    <ul class="list-unstyled">
                        <li>
                            <a href=" target=" _blank ">地址: 杭州滨江东冠公寓8幢3单元</a>
                    </li>
                    <li><a href=" " target="_blank ">邮箱: maimaiwu@126.com</a>
                    </li>
                    <li><a href=" " target="_blank ">网址: www.maimaiwu.com</a>
                    </li>
                    <li><a href=" " target="_blank ">电话: 15088648881</a>
                    </li>
                </ul>
            </p> 
            </div>
            
        </div>
    </footer>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js "></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="../dep/js/bootstrap.min.js "></script>
</body>

</html>